<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
    <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城" />
    <meta name="viewport" content="width=1226" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link rel="stylesheet" href="css/style.css" >
    <link rel="stylesheet" href="css/nocar.css" class="css1">
    <link rel="shortcut icon" href="images/ico/favicon.ico" type="image/icon" />
    <script src="js/index.js"></script>
</head>

<body>
    <!-- title部分 -->
    <div class="title">
        <div class="w">
            <div class="left">
                <ul>
                    <li> <a href="#">小米商城</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">MIUI</a>
                        <span class="sep">|</span></li>
                    <li> <a href="#">loT</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">云服务</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">天星数科</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">有品</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">小爱开放平台</a>
                        <span class="sep">|</span></li>
                    <li> <a href="#">企业</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">资质证照</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">协议规则</a>
                        <span class="sep">|</span></li>
                    <li><a href="#" class="download">
                        下载app
                        <div class="downbox">
                            <p><img src="images/三角.png" alt=""></p>
                            <img src="images/download.png" alt="">
                            <span style="color: #333; font-size: 15px;">小米商城APP</span>

                        </div>
                    </a>
                        <span class="sep">|</span></li>
                    <li><a href="#">智能生活</a>
                        <span class="sep">|</span></li>
                    <li><a href="#">Select Location</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="shopcar">
                    <a href="JavaScript:;" class="car-top">
                        <div class="car1"></div>
                        购物车 （0）
                        <div class="car2">购物车中还没有商品，赶紧选购吧！</div>
                    </a>
                </div>
                <div class="login">
                    <ul>
                        <li><a href="#">消息通知</a>
                        </li>
                        <li><a href="#">注册</a>
                            <span class="sep">|</span>
                        </li>
                        <li><a href="#" class="UserLogin">登录</a>
                            <span class="sep">|</span>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="right2" style="display: none;">
                <div class="shopcar">
                    <a href="JavaScript:;" class="car-top">
                        <div class="car1"></div>
                        购物车 （0）
                        <div class="car2">购物车中还没有商品，赶紧选购吧！</div>
                    </a>
                </div>
                <div class="login">
                    <ul>
                        <li><a href="#">我的订单</a>
                        </li>
                        <li>
                            <span class="sep">|</span>
                            <a href="#">消息通知</a>
                            <span class="sep">|</span>

                        </li>

                        <li class="user"><a href="JavaScript:;">用户 <p class="u"></p>
                        <ul>
                            <li>个人中心</li>
                            <li>评价晒单</li>
                            <li>我的喜欢</li>
                            <li>小米账户</li>
                            <li class="UserExit">退出登录</li>
                        </ul>
                        </a>

                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!-- 结束 -->
    <!-- header 部分 -->
    <div class="w header-nav">
        <div class="head1">
            <a href="index.html"><img src="images/logo-mi2.png" alt=""></a>
        </div>
        <div class="w head2">
            <ul>
                <li><a href="">小米手机</a>
                    <div class="pop">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi Civi</div>
                                <div class="p-price">2599元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi MIX 4</div>
                                <div class="p-price">4999元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi MIX FOLD</div>
                                <div class="p-price">9999元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi 11 Ultra</div>
                                <div class="p-price">5499元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi 11 Pro</div>
                                <div class="p-price">4499元起</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop6.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi 11 Pro</div>
                                <div class="p-price">1999元起</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">Redmi 红米</a>
                    <div class="pop-2">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi Note 10 Pro</div>
                                <div class="p-price">1599元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi Note 10 5G</div>
                                <div class="p-price">1099元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2-3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">K40 游戏增强版</div>
                                <div class="p-price">1999元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2-4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">K40 Pro 系列</div>
                                <div class="p-price">2499元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop2-5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi K40</div>
                                <div class="p-price">1999元起</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop2-6.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi Note 9 4G</div>
                                <div class="p-price">899元起</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">电视</a>
                    <div class="pop-3">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米电视6 55 OLED</div>
                                <div class="p-price">4999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米电视6 65° OLED</div>
                                <div class="p-price">6999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3-3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米电视 大师 77° OLED</div>
                                <div class="p-price">17999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3-4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米透明电视</div>
                                <div class="p-price">39999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop3-5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米电视 大师 65英寸 OLED</div>
                                <div class="p-price">9999元</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop3-6.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi 智能电视 MAX 98°</div>
                                <div class="p-price">17999元</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">笔记本</a>
                    <div class="pop-4">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">RedmiBook Pro 15增强版 </div>
                                <div class="p-price">5299元起</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米笔记本Pro X 14</div>
                                <div class="p-price">7999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4-3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi G 2021 Intel版</div>
                                <div class="p-price">6499元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4-4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi G 2021 AMD版</div>
                                <div class="p-price">7499元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop4-5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米笔记本 Pro X 15</div>
                                <div class="p-price">7999元起</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop4-6.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">RedmiBook Pro 14 锐龙版</div>
                                <div class="p-price">4699元起</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">平板</a>
                    <div class="pop-5">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop5-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米平板5</div>
                                <div class="p-price">1999元起</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop5-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米平板5 Pro</div>
                                <div class="p-price">2499元起</div>
                            </li>

                        </ul>

                    </div>
                </li>
                <li><a href="#">家电</a>
                    <div class="pop-6">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop6-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家风冷对开冰箱 483L</div>
                                <div class="p-price">2399元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop6-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家扫拖机器人1T</div>
                                <div class="p-price">1999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop6-3.png" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家互联网洗烘一体机10kg</div>
                                <div class="p-price">1899元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop6-4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米净水器</div>
                                <div class="p-price">2199元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop6-5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家空气净化器3 高效除菌</div>
                                <div class="p-price">799元</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop6-6.jpg" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi全自动波轮洗衣机1A</div>
                                <div class="p-price">849元</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">路由器</a>
                    <div class="pop-7">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop7-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米路由器AX6000</div>
                                <div class="p-price">599元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop7-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米路由器AX9000</div>
                                <div class="p-price">1299元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop7-3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Redmi路由器AC2100</div>
                                <div class="p-price">169元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop7-4.jpg" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米路由器 Mesh</div>
                                <div class="p-price">999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop7-5.jpg" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米路由器4A千兆版</div>
                                <div class="p-price">119元</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop7-6.jpg" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米路由器 4C</div>
                                <div class="p-price">59元</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">智能硬件</a>
                    <div class="pop-8">
                        <ul class="w">
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop8-1.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">CyberDog 仿生四足机器人</div>
                                <div class="p-price">9999元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop8-2.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">小米人脸识别智能门锁 X</div>
                                <div class="p-price">3299元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop8-3.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家 K歌麦克风</div>
                                <div class="p-price">369元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop8-4.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">Xiaomi Sound</div>
                                <div class="p-price">499元</div>
                            </li>
                            <li class="pop-show">
                                <div class="shu">
                                    <img src="images/pop8-5.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">米家跑步机</div>
                                <div class="p-price">2499元</div>
                            </li>
                            <li class="pop-lastshow">
                                <div class="shu2">
                                    <img src="images/pop8-6.webp" alt="" class="p-pic">
                                </div>
                                <div class="p-name">查看全部</div>
                                <div style="text-align: center; font-size: 12px; line-height: 26px;">智能硬件</div>
                            </li>

                        </ul>
                    </div>
                </li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
            <div class="search">
                <input type="text" class="input" placeholder="手机">
                <div class="submit"></div>
            </div>
        </div>

    </div>
    <!-- 结束 -->

    <!-- main部分 -->
    <div id="main">
        <div class="w swiper">

            <div class="s2">
                <div class="s1">
                    <div class="abc">
                        <ul>
                            <li class="abc-s">
                                <a href="#">手机<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">电视<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">笔记本 平板<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>

                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">家电<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>

                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>


                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">出行 穿戴<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">智能 路由器<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">电源 配件<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>


                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">健康 儿童<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>

                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">耳机 音箱<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>

                                    </ul>
                                </div>
                            </li>
                            <li class="abc-s">
                                <a href="#">生活 箱包<img src="images/right.png" plt=""></a>
                                <div class="clearshow1">
                                    <ul>
                                        <li><img src="images/a8.webp" alt=""><span>K40 Pro 系列</span></li>
                                        <li><img src="images/a9.webp" alt=""><span>Xiaomi MIX FOLD</span></li>
                                        <li><img src="images/a10.webp" alt=""><span>Xiaomi 10</span></li>
                                        <li><img src="images/a11.jpg" alt=""><span>小米云服务</span></li>
                                        <li><img src="images/a14.webp" alt=""><span>黑鲨4S Pro</span></li>
                                        <li><img src="images/a15.webp" alt=""><span>Redmi K30 至尊纪念版</span></li>
                                        <li><img src="images/a16.webp" alt=""><span>Redmi 8A</span></li>
                                        <li><img src="images/a1.webp" alt=""><span>Xiaomi Civi</span></li>
                                        <li><img src="images/a2.webp" alt=""><span>Xiaomi 10S</span></li>
                                        <li><img src="images/a3.webp" alt=""><span>黑鲨4</span></li>
                                        <li><img src="images/a4.webp" alt=""><span>K40 游戏增强版</span></li>
                                        <li><img src="images/a5.webp" alt=""><span>Xiaomi MIX 4</span></li>
                                        <li><img src="images/a18.webp" alt=""><span>黑鲨4S</span></li>
                                        <li><img src="images/a19.webp" alt=""><span>Note 10 Pro</span></li>
                                        <li><img src="images/a20.webp" alt=""><span>Redmi Note 9 Pro</span></li>
                                        <li><img src="images/a21.webp" alt=""><span>Xiaomi 11 青春版</span></li>
                                        <li><img src="images/a22.webp" alt=""><span>黑鲨4 Pro</span></li>
                                        <li><img src="images/a23.webp" alt=""><span>Note 10 5G</span></li>
                                        <li><img src="images/a24.webp" alt=""><span>Redmi Note 9 5G</span></li>
                                        <li><img src="images/a6.webp" alt=""><span>Xiaomi 11</span></li>
                                        <li><img src="images/a7.webp" alt=""><span>Redmi K30S 至尊纪念版</span></li>

                                        <li><img src="images/a17.webp" alt=""><span>Xiaomi 11 Pro</span></li>

                                        <li><img src="images/a12.webp" alt=""><span>Redmi K40</span></li>
                                        <li><img src="images/a13.webp" alt=""><span>Xiaomi 11 Ultra</span></li>

                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <a href="JavaScript:;"><img class="prev" @click="prev" src="images/方向-向左.png" @mouseover="cleargo" @mouseout="go"></a>
                <a href="JavaScript:;"><img :src="imgArr[index]" @mouseenter="cleargo" @mouseout="go"></a>
                <a href="JavaScript:;"><img class="next" @click="next" src="images/方向-向右.png" @mouseover="cleargo" @mouseout="go"></a>
                <div class="s-point">
                    <ul>
                        <li :key="0" :class="index==0 ? 'active' : ''" @click="click0">
                        </li>
                        <li :key="1" :class="index==1 ? 'active' : ''" @click="click1">
                        </li>
                        <li :key="2" :class="index==2 ? 'active' : ''" @click="click2">
                        </li>
                        <li :key="3" :class="index==3 ? 'active' : ''" @click="click3">
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="w pic">
            <div class="p1">
                <img src="images/p1.PNG" alt="">
            </div>
            <div class="p2">
                <ul>
                    <li>
                        <img src="images/p2.jpg" alt="">
                    </li>
                    <li>
                        <a href="JavaScript:;"><img src="images/p3.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="JavaScript:;"><img src="images/p4.png" alt=""></a>
                    </li>
                </ul>

            </div>
        </div>
    </div>

    <!-- 结束 -->

    <!-- fixed悬浮窗 -->
    <div class="fixed">
        <ul>
            <li>
                <p class="pd1"></p>
                <p>手机APP</p>
            </li>
            <li>
                <p class="pd2"></p>
                <p>个人中心</p>
            </li>
            <li>
                <p class="pd3"></p>
                <p>售后服务</p>
            </li>
            <li>
                <p class="pd4"></p>
                <p>人工客服</p>
            </li>
            <li>
                <p class="pd5"></p>
                <p>购物车</p>
            </li>
            <li class="upon">
                <p class="pd6"></p>
                <p>回顶部</p>
            </li>
        </ul>

    </div>
    <!-- 结束 -->



    <!-- goods部分 -->
    <div class="goods">

        <div class="w ig">
            <div class="p">
                <a href="JavaScript:;"><img src="images/ig.webp.jpg" alt=""></a>
            </div>
        </div>

        <div class="w bt">
            <div class="w title2">
                <div class="lf1">手机</div>
                <div class="seemore">
                    <div class="imgmore">
                        <p class="more1"></p>
                    </div>
                    <div class="more">
                        <a href="JavaScript:;" class="ab">查看更多&nbsp;</a>
                    </div>
                </div>

            </div>
        </div>

        <div class="w show">
            <div class="lf2">
                <a href="JavaScript:;"><img src="images/show0.webp" alt=""></a>
            </div>
            <div class="rig2">
                <ul>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show1.webp" alt="">
                            <p class="sh1">Xiaomi MIX 4</p>
                            <p class="sh2">CUP全面屏</p>
                            <p class="sh3">4999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show2.webp" alt="">
                            <p class="sh1">Note 10 Pro</p>
                            <p class="sh2">天玑1100年度旗舰芯</p>
                            <p class="sh3">1599元起 &nbsp;<span>1699元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show3.webp" alt="">
                            <p class="sh1">Redmi Note 10 5G</p>
                            <p class="sh2">5G小金刚 | 旗舰长续航</p>
                            <p class="sh3">1099元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show4.webp" alt="">
                            <p class="sh1">小米MIX FOLD</p>
                            <p class="sh2">折叠大屏 | 自研芯片</p>
                            <p class="sh3">9999元起</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show5.webp" alt="">
                            <p class="sh1">小米11 Ultra</p>
                            <p class="sh2">1/1.12"GN2 | 2K四微曲屏</p>
                            <p class="sh3">5499元起 &nbsp;<span>5999元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show6.webp" alt="">
                            <p class="sh1">小米11 Pro</p>
                            <p class="sh2">1/1.12"GN2 | 骁龙888</p>
                            <p class="sh3">4499元起 &nbsp;<span>4999元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show7.webp" alt="">
                            <p class="sh1">小米11 青春版</p>
                            <p class="sh2">小米11 青春版 轻薄</p>
                            <p class="sh3">2099元起 &nbsp;<span>2299元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/show8.webp" alt="">
                            <p class="sh1">K40 游戏增强版</p>
                            <p class="sh2">轻薄电竞设计</p>
                            <p class="sh3">1999元起</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="w box">
            <div class="title3">
                <div class="jd1">家电</div>
                <div class="see1-1">
                    <a href="JavaScript:;" class="jsc1">电视影音</a>
                </div>
                <div class="see1-2">
                    <a href="JavaScript:;" class="jsc2">热门</a>
                </div>
            </div>
            <div class="box-bd">
                <ul>
                    <li class="nodo">
                        <a href="JavaScript:;">
                            <img src="images/jd1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd2.webp" alt="" class="chpic1">
                            <p class="sh1">小米电视6 65° OLED</p>
                            <p class="sh2">小米电视6 65° OLED</p>
                            <p class="sh3">7699元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd3.webp" alt="" class="chpic1">
                            <p class="sh1">小米电视6 至尊版 65英寸</p>
                            <p class="sh2">画质新境界</p>
                            <p class="sh3">7699元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd4.webp" alt="" class="chpic1">
                            <p class="sh1">小米电视 ES55 2022款</p>
                            <p class="sh2">多分区，画质轻旗舰</p>
                            <p class="sh3">3399元 &nbsp;<span>3499元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd5.webp" alt="" class="chpic1">
                            <p class="sh1">米家互联网对开门冰箱 540L</p>
                            <p class="sh2">重磅新品福利特惠</p>
                            <p class="sh3">2899元 &nbsp;<span>3699元</span></p>
                        </a>
                    </li>
                    <li class="nodo">
                        <a href="JavaScript:;"><img src="images/jd6.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd7.webp" alt="" class="chpic1">
                            <p class="sh1">米家超薄电磁炉</p>
                            <p class="sh2">全面屏设计</p>
                            <p class="sh3">499元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd8.webp" alt="" class="chpic1">
                            <p class="sh1">米家集尘扫拖机器人</p>
                            <p class="sh2">自动倒垃圾，45天不沾尘</p>
                            <p class="sh3">2999元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/jd9.webp" alt="" class="chpic1">
                            <p class="sh1">Redmi全自动波轮洗衣机1A 8kg</p>
                            <p class="sh2">一键操作，父母都爱用</p>
                            <p class="sh3">849元 &nbsp;<span>899元</span></p>
                        </a>
                    </li>
                    <li class="noshadow">
                        <div class="fa-up">
                            <div class="up">
                                <a href="JavaScript:;">
                                    <div class="fa">
                                        <div class="upone"><span>米家互联网烟灶套装（天然气）</span></div>
                                        <div class="uptwo"><img src="images/jd10.webp" alt=""></div>

                                    </div>

                                    <div class="upthree">
                                        2298元
                                    </div>
                                </a>
                            </div>
                            <div class="down">
                                <a href="JavaScript:;">
                                    <div class="down-see">
                                        <div class="ll">浏览更多</div>
                                        <div class="yy">热门</div>
                                    </div>
                                    <div class="down-see2"><img src="images/图标.png" alt=""></div>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


        <div class="w box">
            <div class="title3">
                <div class="jd1">智能</div>
                <div class="see1-1">
                    <a href="JavaScript:;" class="ai3">出行</a>
                </div>
                <div class="see1-2">
                    <a href="JavaScript:;" class="ai2">安防</a>
                </div>
                <div class="see1-3">
                    <a href="JavaScript:;" class="ai1">热门</a>
                </div>
            </div>
            <div class="box-bd">
                <ul>
                    <li class="nodo">
                        <a href="JavaScript:;">
                            <img src="images/zn1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn2.webp" alt="" class="chpic1">
                            <p class="sh1">Xiaomi Sound</p>
                            <p class="sh2">小米高保真智能音箱</p>
                            <p class="sh3">499元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn3.webp" alt="" class="chpic1">
                            <p class="sh1">小米路由器AX3000</p>
                            <p class="sh2">小米路由器AX3000</p>
                            <p class="sh3">349元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn4.webp" alt="" class="chpic1">
                            <p class="sh1">Redmi路由器AX3000</p>
                            <p class="sh2">疾速WiFi6，更快一步</p>
                            <p class="sh3">249元 &nbsp;<span>269元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn5.webp" alt="" class="chpic1">
                            <p class="sh1">米家全自动智能门锁 Pro</p>
                            <p class="sh2">一步到位，全面高能</p>
                            <p class="sh3">2199元</p>
                        </a>
                    </li>
                    <li class="nodo">
                        <a href="JavaScript:;"><img src="images/zn6.webp" alt=""></a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn7.webp" alt="" class="chpic1">
                            <p class="sh1">小米智能门锁 E</p>
                            <p class="sh2">告别钥匙，畅享便捷生活</p>
                            <p class="sh3">999元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn8.webp" alt="" class="chpic1">
                            <p class="sh1">小米小爱音箱 Play</p>
                            <p class="sh2">听音乐、语音遥控家电</p>
                            <p class="sh3">99元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zn9.webp" alt="" class="chpic1">
                            <p class="sh1">米家智能窗帘</p>
                            <p class="sh2">窗帘开合心控</p>
                            <p class="sh3">799元</p>
                        </a>
                    </li>
                    <li class="noshadow">
                        <div class="fa-up">
                            <div class="up">
                                <a href="JavaScript:;">
                                    <div class="fa">
                                        <div class="upone"><span>小米体脂秤2</span></div>
                                        <div class="uptwo"><img src="images/zn10.webp" alt=""></div>
                                    </div>
                                    <div class="upthree">
                                        99元
                                    </div>
                                </a>
                            </div>
                            <div class="down">
                                <a href="JavaScript:;">
                                    <div class="down-see">
                                        <div class="ll">浏览更多</div>
                                        <div class="yy">热门</div>
                                    </div>
                                    <div class="down-see2"><img src="images/图标.png" alt=""></div>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


        <div class="w lastshow">
            <div class="penshow">
                <a href="JavaScript:;">
                    <img src="images/airclear.webp" alt="">
                </a>
            </div>

        </div>


        <div class="w box3">
            <div class="title5">
                <div class="jd1">搭配</div>
                <div class="see1-1">
                    <a href="JavaScript:;" class="jsc5">耳机音响</a>
                </div>
                <div class="see1-2">
                    <a href="JavaScript:;" class="jsc6">热门</a>
                </div>
            </div>
            <div class="box-bd3">
                <ul>
                    <li class="nodo3">
                        <a href="JavaScript:;">
                            <img src="images/dp1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp2.webp" alt="" class="chpic1">
                            <p class="sh1">小米降噪耳机 Pro FlipBuds Pro</p>
                            <p class="sh2">自动降噪 超长续航</p>
                            <p class="sh3">799元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp3.webp" alt="" class="chpic1">
                            <p class="sh1">Redmi AirDots 3 Pro</p>
                            <p class="sh2">智能降噪 超低延迟</p>
                            <p class="sh3">299元 &nbsp;<span>349元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp4.webp" alt="" class="chpic1">
                            <p class="sh1">小米手环6 NFC版</p>
                            <p class="sh2">全屏实力</p>
                            <p class="sh3">269元 &nbsp;<span>279元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp5.webp" alt="" class="chpic1">
                            <p class="sh1">Redmi AirDots 2真无线蓝牙耳机</p>
                            <p class="sh2">支持蓝牙5.0，自动秒连，拿起就能用</p>
                            <p class="sh3">79元 &nbsp;<span>99元</span></p>
                        </a>
                    </li>
                    <li class="nodo3">
                        <a href="JavaScript:;">
                            <img src="images/dp6.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp7.webp" alt="" class="chpic1">
                            <p class="sh1">Redmi 手表</p>
                            <p class="sh2">35g超轻/1.4"大屏多功能NFC/7天长时间续航dfadasdadada</p>
                            <p class="sh3">299元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp9.webp" alt="" class="chpic1">
                            <p class="sh1">小米手表Color 运动版</p>
                            <p class="sh2">超长续航，支持血氧功能</p>
                            <p class="sh3">699元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/dp10.webp" alt="" class="chpic1">
                            <p class="sh1">小米真无线蓝牙耳机Air 2s</p>
                            <p class="sh2">全面升级，智能真无线</p>
                            <p class="sh3">369元 &nbsp;<span>399元</span></p>
                        </a>
                    </li>
                    <li class="noshadow">
                        <div class="fa-up">
                            <div class="up">
                                <a href="JavaScript:;">
                                    <div class="fa">
                                        <div class="upone"><span>小米真无线蓝牙耳机Air 2 Pro</span></div>
                                        <div class="uptwo"><img src="images/dp8.webp" alt=""></div>
                                    </div>
                                    <div class="upthree">
                                        499元
                                    </div>
                                </a>
                            </div>

                            <div class="down">
                                <a href="JavaScript:;">
                                    <div class="down-see">
                                        <div class="ll">浏览更多</div>
                                        <div class="yy">热门</div>
                                    </div>
                                    <div class="down-see2"><img src="images/图标.png" alt=""></div>
                                </a>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </div>



        <div class="w box2">
            <div class="title4">
                <div class="jd1">配件</div>
                <div class="see1-1">
                    <a href="JavaScript:;" class="jsc3">充电器</a>
                </div>
                <div class="see1-2">
                    <a href="JavaScript:;" class="jsc4">热门</a>
                </div>
            </div>
            <div class="box-bd2">
                <ul>
                    <li class="nodo2">
                        <a href="JavaScript:;">
                            <img src="images/pj1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj2.webp" alt="" class="chpic1">
                            <p class="sh1">高速无线充套装</p>
                            <p class="sh2">快速无线闪充，Qi充电标准</p>
                            <p class="sh3">149元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj3.webp" alt="" class="chpic1">
                            <p class="sh1">小米无线充电宝青春版10000mAh</p>
                            <p class="sh2">能量满满，无线有线都能充</p>
                            <p class="sh3">129元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj4.jpg" alt="" class="chpic1">
                            <p class="sh1">小米插线板（含3口USB 2A快充）</p>
                            <p class="sh2">3个USB充电口，支持快充</p>
                            <p class="sh3">59元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj5.webp" alt="" class="chpic1">
                            <p class="sh1">米家魔方转换器</p>
                            <p class="sh2">方寸之间，能量无限</p>
                            <p class="sh3">59元</p>
                        </a>
                    </li>
                    <li class="nodo2">
                        <a href="JavaScript:;">
                            <img src="images/pj6.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj7.webp" alt="" class="chpic1">
                            <p class="sh1">米家插线板 快充版 27W</p>
                            <p class="sh2">安全的大功率快充插线板</p>
                            <p class="sh3">69元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj8.webp" alt="" class="chpic1">
                            <p class="sh1">米家筋膜枪</p>
                            <p class="sh2">米家筋膜枪</p>
                            <p class="sh3">499元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/pj9.jpg" alt="" class="chpic1">
                            <p class="sh1">米家插线板6位基础版（含3口）</p>
                            <p class="sh2">小巧设计，便捷不占地</p>
                            <p class="sh3">79元</p>
                        </a>
                    </li>
                    <li class="noshadow">
                        <div class="fa-up">
                            <div class="up">
                                <a href="JavaScript:;">
                                    <div class="fa">
                                        <div class="upone"><span>小米车载充电器快充版</span></div>
                                        <div class="uptwo"><img src="images/pj10.webp" alt=""></div>
                                    </div>
                                    <div class="upthree">
                                        69元
                                    </div>
                                </a>
                            </div>

                            <div class="down">
                                <a href="JavaScript:;">
                                    <div class="down-see">
                                        <div class="ll">浏览更多</div>
                                        <div class="yy">热门</div>
                                    </div>
                                    <div class="down-see2"><img src="images/图标.png" alt=""></div>
                                </a>
                            </div>

                        </div>

                    </li>
                </ul>
            </div>
        </div>



        <div class="w box4">
            <div class="title6">
                <div class="jd1">周边</div>
                <div class="see1-1">
                    <a href="JavaScript:;" class="jsc7">出行</a>
                </div>
                <div class="see1-2">
                    <a href="JavaScript:;" class="jsc8">热门</a>
                </div>
            </div>
            <div class="box-bd4">
                <ul>
                    <li class="nodo4">
                        <a href="JavaScript:;">
                            <img src="images/zb1.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb2.webp" alt="" class="chpic1">
                            <p class="sh1">米家声波电动牙刷T300</p>
                            <p class="sh2">3100次/分钟，刷的干净</p>
                            <p class="sh3">99元</p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb3.webp" alt="" class="chpic1">
                            <p class="sh1">米家声波电动牙刷T500</p>
                            <p class="sh2">刷的干净，智能护齿</p>
                            <p class="sh3">169元 &nbsp;<span>179元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb4.webp" alt="" class="chpic1">
                            <p class="sh1">米家声波电动牙刷T700</p>
                            <p class="sh2">米家声波电动牙刷T700</p>
                            <p class="sh3">369元 &nbsp;<span>399元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb5.webp" alt="" class="chpic1">
                            <p class="sh1">米家电动剃须刀 S700</p>
                            <p class="sh2">陶瓷净须，开局之作</p>
                            <p class="sh3">369元 &nbsp;<span>499元</span></p>
                        </a>
                    </li>
                    <li class="nodo4">
                        <a href="JavaScript:;">
                            <img src="images/zb6.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb7.webp" alt="" class="chpic1">
                            <p class="sh1">米家电动剃须刀S100</p>
                            <p class="sh2">浮动双刀头，全身水洗</p>
                            <p class="sh3">78元 &nbsp;<span>79元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb8.webp" alt="" class="chpic1">
                            <p class="sh1">米家电动剃须刀S500</p>
                            <p class="sh2">浮动贴面更干净，减压设计更舒适</p>
                            <p class="sh3">179元 &nbsp;<span>199元</span></p>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <img src="images/zb9.webp" alt="" class="chpic1">
                            <p class="sh1">米家浮动剃须刀S300</p>
                            <p class="sh2">青年"无须"新选择</p>
                            <p class="sh3">99元</p>
                        </a>
                    </li>
                    <li class="noshadow">
                        <div class="fa-up">
                            <div class="up">
                                <a href="JavaScript:;">
                                    <div class="fa">
                                        <div class="upone"><span>日常元素抽纸青春版24包/箱</span></div>
                                        <div class="uptwo"><img src="images/zb10.webp" alt=""></div>
                                    </div>
                                    <div class="upthree">
                                        27.9元
                                    </div>
                                </a>
                            </div>

                            <div class="down">
                                <a href="JavaScript:;">
                                    <div class="down-see">
                                        <div class="ll">浏览更多</div>
                                        <div class="yy">热门</div>
                                    </div>
                                    <div class="down-see2"><img src="images/图标.png" alt=""></div>
                                </a>
                            </div>

                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="w lastshow">
            <div class="penshow">
                <a href="JavaScript:;">
                    <img src="images/penshow.webp" alt="">
                </a>
            </div>

        </div>


        <!-- 视频区 -->
        <div class="w bt">
            <div class="w title2">
                <div class="lf1">视频</div>
                <div class="seemore">
                    <div class="imgmore">
                        <p class="more2"></p>
                    </div>
                    <div class="more">
                        <a href="JavaScript:;" class="ab2">查看更多&nbsp;</a>
                    </div>
                </div>

            </div>
        </div>
        <div class="w video-body">
            <ul class="video-list">
                <li class="video-item1">
                    <a href="JavaScript:;">
                        <div>
                            <img src="images/videoPic1.webp" alt="">
                            <span class="play">
                                <div class="play-i"></div>
                            </span>
                        </div>
                    </a>
                    <h3 class="ps">2021年春季新品发布会第一场</h3>
                    <p class="desc"></p>
                </li>
                <li class="video-item2">
                    <a href="JavaScript:;">
                        <div>
                            <img src="images/videoPic2.webp" alt="">
                            <span class="play">
                                <div class="play-i"></div>
                            </span>
                        </div>
                    </a>
                    <h3 class="ps">Redmin 10X系列发布会</h3>
                    <p class="desc">Redmin 10X系列发布会</p>
                </li>
                <li class="video-item3">
                    <a href="JavaScript:;">
                        <div>
                            <img src="images/videoPic3.webp" alt="">
                            <span class="play">
                                <div class="play-i"></div>
                            </span>
                        </div>
                    </a>
                    <h3 class="ps">小米10 青春版 发布会</h3>
                    <p class="desc"></p>
                </li>
                <li class="video-item4" style="margin-right: 0;">
                    <a href="JavaScript:;">
                        <div>
                            <img src="images/videoPic4.webp" alt="">
                            <span class="play">
                                <div class="play-i"></div>
                            </span>
                        </div>
                    </a>
                    <h3 class="ps">小米10 8K手机拍大片</h3>
                    <p class="desc"></p>
                </li>
            </ul>
        </div>
        <!-- 视频播放区 -->
        <div class="idx-video-bg"></div>
        <div class="idx-video-box">
            <div class="tit">
                <span>视频播放</span>
                <span class="close">X</span>
            </div>
            <div class="video-box1">
                <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/812358b69886e576c66a01f1f00affe9.mp4" controls='controls' class="video1"></video>
            </div>
            <div class="video-box2">
                <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11c70c96529b6e6938567ec1aa0910e0.mp4" controls='controls' class="video2" ></video>
            </div>
            <div class="video-box3">
                <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4" controls='controls' class="video3"></video>
            </div>
            <div class="video-box4">
                <video src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4" controls='controls' class="video4"></video>
            </div>
        </div>

        <!-- end -->



        <!-- footer -->
        <div class="footer">
            <div class="w">
                <div class="server">
                    <ul>
                        <li>
                            <a href="JavaScript:;">
                                <div class="s-log"><img src="images/维修.png" alt=""></div>
                                <div class="s-text">预约维修服务</div>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <div class="s-log"><img src="images/7 .png" alt=""></div>
                                <div class="s-text">7天无理由退货</div>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <div class="s-log"><img src="images/15天无理由退货.png" alt=""></div>
                                <div class="s-text">15天免邮换货</div>
                            </a>
                        </li>
                        <li>
                            <a href="JavaScript:;">
                                <div class="bya">
                                    <div class="s-log"><img src="images/礼物.png" alt=""></div>
                                    <div class="s-text">满69包邮</div>
                                </div>
                            </a>
                        </li>
                        <li class="lastdo">
                            <a href="JavaScript:;">
                                <div class="s-log"><img src="images/定位.png" alt=""></div>
                                <div class="s-text">520余家售后网点</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <div>
                        <img src="images/links.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- info -->
        <div class="w info">
            <div class="photo">
                <img src="images/info.png" alt="">
            </div>
        </div>

    </div>
    <!-- 结束 -->






    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script>
        var imgArr = ["images/lb2.jpg", "images/lb3.webp", "images/lb4.webp", "images/lb5.webp"];
        var app = new Vue({
            el: "#main",
            data: {
                imgArr: ["images/lb2.jpg", "images/lb3.webp", "images/lb4.webp", "images/lb5.webp"],
                index: 0,
                interId: null,
                isClick: true
            },
            methods: {
                go() {
                    this.interId = setInterval(() => {
                        this.index++;
                        if (this.index == this.imgArr.length) {
                            this.index = 0;
                        }
                    }, 2000)
                },
                cleargo() {
                    clearInterval(this.interId);
                },
                prev: function() {
                    if (this.index < 1) {
                        this.index = this.imgArr.length - 1;

                    } else {
                        this.index--;
                    }
                },
                // next() {
                //     this.$refs.listen.addEventListener('click', () => {
                //         if (this.isClick) {
                //             this.isClick = false;
                //             console.log('sad');
                //             setTimeout(function() {
                //                 this.isClick = true;
                //             }, 1000);
                //         }
                //     })
                // },
                next: function() {
                    if (this.index == imgArr.length - 1) {
                        this.index = 0;
                    } else {
                        this.index++;
                    }

                },
                click0: function() {
                    this.index = 0;
                },
                click1: function() {
                    this.index = 1;
                },
                click2: function() {
                    this.index = 2;
                },
                click3: function() {
                    this.index = 3;
                },

            },
            // mounted() {
            //     this.go()
            // }
            mounted() {
                this.go();
            },
        })
    </script>
</body>

</html>